import React, { Component } from 'react';
import '../App.less';
import {observer} from "mobx-react";
import {Carousel} from  'antd-mobile'
import axios from  'axios'
@observer class Lunbo extends Component {
    constructor(props) {
        super(props)
        this.state={
            data:[],
        }
    }
    render() {
        return (
            <div className="Lunbo">
                <Carousel
                    autoplay={true}
                    infinite
                    selectedIndex={this.props.images.length-1}
                >
                   {this.props.images.map(ii => (
                        <a
                            key={ii}
                            className='img'
                            style={{maxWidth: '100vw',
                                maxWeight: '100vw',
                                overflow: 'hidden'}}
                        >
                            <img src={ii.large} alt="" style={{ width: '100%'}} />
                        </a>
                    ))}
                </Carousel>
            </div>
        );
    }
}

export default Lunbo;
